<template>
    <router-view />
</template>
<script lang="ts" setup>
  const debounce = (fn:any, delay:any) => {
  let timer:any = null;
  return function (this:any) {
    let context:any = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  }
}

const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver{
  constructor(callback:any) {
    callback = debounce(callback, 16);
    super(callback);
  }
}

</script>
<style lang="less">
html,
body,
h1 {
  margin: 0;
}

html,
body {
  height: 100%;
}
#app{
  height: 100%;
}
</style>
